<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ page isELIgnored="false" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" href="/AdminLTE/asset/bootstrap/bootstrap.css" />
	<link rel="stylesheet" href="/AdminLTE/asset/bootstrap/bootstrap-theme.css" />
	<link rel="stylesheet"
		  href="/AdminLTE/asset/bootstrap/bootstrap-responsive.css" />
	<link rel="stylesheet"
		  href="/AdminLTE/asset/bootstrap/bootstrap-tour.min.css" />
	<script type="text/javascript" src="/AdminLTE/asset/bootstrap/bootstrap.js"></script>
	<script type="text/javascript"
			src="AdminLTE/asset/bootstrap/bootstrap-tour.min.js"></script>
</head>
<body>
	<div class="container">
		<nav class="navbar navbar-default" role="navigation">
			<div class="container-fluid">
				<div class="navbar-header">
					<div class="navbar-brand">
						<div style="margin-top: 5px;">
						Task Monitor Detail
						</div>
						<div style="margin-top: 5px;">
						File Name: ${headerVO.fileName}&nbsp;&nbsp;&nbsp;
						Task ID: ${headerVO.taskId}&nbsp;&nbsp;&nbsp;
						Start Time: ${headerVO.startTime}&nbsp;&nbsp;&nbsp;
						End Time: ${headerVO.endTime}
						</div>
						<div style="margin-top: 5px;">
						Telescope: ${headerVO.telescope}&nbsp;&nbsp;&nbsp;
						Date Obs: ${headerVO.dateObs}&nbsp;&nbsp;&nbsp;
						Dec Str: ${headerVO.decStr}&nbsp;&nbsp;&nbsp;
						Dec2000: ${headerVO.dec2000}&nbsp;&nbsp;&nbsp;
						LO_Freq: ${headerVO.loFreq}&nbsp;&nbsp;&nbsp;
						HI_Freq: ${headerVO.hiFreq}
						</div>
					</div>
				</div>
			</div>
		</nav>
		<table class="table table-hover table-condensed">
			<thead>
				<tr>
					<th>NO.</th>
					<th>Picture Name</th>
					<th>DM</th>
					<th>Period</th>
					<th>Suggestion</th>
					<th> </th>
				</tr>
			</thead>
			<tbody>
			<c:forEach items="${itemList}" var="item">
			<tr>
				<th>${item.number}</th>
				<th>${item.pictureName}</th>
				<th>${item.dm}</th>
				<th>${item.period}</th>
				<th>${item.flag}</th>
				<th><a href="${item.picturePath}" class="btn btn-info btn-xs">View Image</a></th>
			</tr>
			</c:forEach>
			</tbody>
		</table>
	</div>
</body>
</html>
